<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <form enctype="multipart/form-data">
        <input type="file" name="avator">
        <input type="file" name="avator" multiple>
        <input type="file" name="avator" multiple>


    </form> -->


    <form enctype="multipart/form-data" method="post">
        <input type="file" name="avator">
        <input type="file" name="qq" multiple>
        <input type="file" name="wexin" multiple>
        <button>提交</button>
    </form>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <script>
        // ajax提交到后台  
        // 获取form元素 
        const fele = document.querySelector('form');
        fele.onsubmit = function(e){
            e.preventDefault();

            // FormData  (http2.0 发明的)
            // 自动采集表单数据 捕获到文件相关的信息 自动转成文件编码 
            // new FormData(form元素)
            // 返回值  所有表单采集完成的结果 
            const fm = new FormData(fele);
            // for (let item of fm) console.log(item)

            // const xhr = new XMLHttpRequest();
            // xhr.open('post','/api/users/avator');
            // xhr.onload = function(){

            // }
            // 设置请求头
            // xhr.send(fm)
            // post put patch
            axios.post('/api/users/avator',fm);

        }
    </script>


</body>
</html>